@import "./transition";
@import "./element-plus";
@import "./sidebar";
@import "./dark";

/* 自定义全局 CssVar */
:root {
  /* 左侧菜单展开、收起动画时长 */
  --pure-transition-duration: 0.3s;

  /* 常用border-color 需要时可取用 */
  --pure-border-color: rgb(5 5 5 / 6%);

  /* switch关闭状态下的color 需要时可取用 */
  --pure-switch-off-color: #a6a6a6;

  /* 主色 */
  --main-color: #ff0000;
}

/* 灰色模式 */
.html-grey {
  filter: grayscale(100%);
}

/* 色弱模式 */
.html-weakness {
  filter: invert(80%);
}

.reset-margin {
  // padding: 0 20px !important;

  &.el-button--danger {
    --el-button-bg-color: #fff !important;
  }
}


.el-select {
  .el-select__wrapper {
    .el-select__suffix {
      .el-icon.is-reverse {
        color: var(--main-color);
      }
      // svg {
      //   display: none;
      // }

      // .el-icon {
      //   background-image: url("@/assets/images/ico_down_red.png");
      //   background-repeat: no-repeat;
      //   background-position: center;
      //   background-size: 6px 5px;
      // }
    }

    &.is-focused {
      box-shadow: 0 0 0 1px var(--main-color) inset;
    }
  }
}

.el-tree {
  .el-tree-node {
    .el-tree-node__content {
      .el-icon {
        background-image: url("@/assets/images/ico_down_black.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 8px 4px;
        transform: rotate(180deg);

        &.expanded {
          background-image: url("@/assets/images/ico_down_red.png");
        }

        svg {
          display: none;
        }
      }
    }
  }
}

::-webkit-scrollbar {
  width: 5px; /* 设置滚动条的宽度 */
}

::-webkit-scrollbar-thumb {
  background-color: rgba(
    $color: #000000,
    $alpha: 0.2
  ); /* 设置滚动条滑块的颜色 */
  border-radius: 5px; /* 设置滚动条滑块的圆角 */
}

::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* 设置滚动条滑块在悬停时的颜色 */
}

::-webkit-scrollbar-track {
  background-color: rgba($color: #000000, $alpha: 0); /* 设置滚动条背景的颜色 */
}
